/* 
    Document   : syteindex
    Created on : Nov 2, 2011, 12:03:15 AM
    Author     : mrteo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*
{
margin:0;
}
body
{
background-color:white;
/*background-image:url("../images/bg.jpg")repeat-x;*/
}
#nava
{
margin-left:auto;
margin-right:auto;
background-color:white;
border-right-color:#dbdbe0;
border-right-width:2px;
border-right-style:solid;
border-left-color:#dbdbe0;
border-left-width:2px;
border-left-style:solid;
width:900px;
}
#head
{
/*background-image:url("../images/bg.ltr.jpg");*/
background-color:#0e13de;
height:200px;
text-align:center;
/*c?n ch?nh d?ng v?n b?n*/
line-height:150px;
}

/*css menu*/
ul {
list-style:none;
}

#wrapper {

width:900px;
margin:0;
}

ul#topnav {
float:left;
width:860px;
position:relative;
font-size:1.2em;
height:28px;
background:#e99765 url(../images/MenuTop_bg.jpg) repeat-x;
behavior: url(whateverhover.htc);

}

ul#topnav li  {
float:left;
height:28px;
padding:0px;
border-right:1px solid #2f6184;
}

ul#topnav li a {
padding:1px 15px;
display:block;
color:#f0f0f0;
text-decoration:none;
}

ul#topnav li:hover {
background:#b21a1a url(images/bottom-nav.jpg) repeat-x;
}

ul#topnav li ul.children {
float:left;
height:28px;
line-height:28px;
padding:0px;
position:absolute;
left:0px;top: 28px;
display:none;
width:900px;
background:#cc2928;
color:white;
-moz-border-radius: 0px 0px 1px 1px;
-khtml-border-radius: 0px 0px 1px 1px;
-webkit-border-radius: 0px 0px 1px 1px;
}

ul#topnav li ul.children li {
border:none;
}

ul#topnav li:hover ul {
display:block;
}

ul#topnav li ul a {
display:inline;
}

ul#topnav li ul a:hover {
text-decoration:underline;
}

ul#topnav li ul li:hover {
background:none;
}
/*menu left*/
#left
{
/*background-color:#0e13de;*/
background-color:#EEE;
border-right-color:#dbdbe0;
border-right-width:2px;
border-right-style:solid;
width:250px;
height:auto;/*900px*/
float:left;
padding:0;
}
#login
{
background-color:#ffff;
border-top-color:#dbdbe0;
border-top-width:2px;
border-top-style:solid;
width:250px;
height:auto;
float:left;
}
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  margin:0;
  border:0 none;
  padding:0;
  width:250px; /*For KHTML*/
  list-style:none;
}

ul#navmenu li {
  display:block !important; /*For GOOD browsers*/
  display:inline; /*For IE*/
  position:relative;
}

/* Root Menu */
ul#navmenu a {
  border:1px solid#FFF;
  border-right-color:#CCC;
  border-bottom-color:#CCC;
  padding:0 6px;
  display:block;
  background:#EEE;
  color:#666;
  font:bold 18px/22px "Times New Roman", Times, serif;
  text-decoration:none;
  height:auto !important;
  height:100%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background:#CCC;
  color:#FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background:#EEE;
  color:#666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background:#CCC;
  color:#FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background:#EEE;
  color:#666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background:#CCC;
  color:#FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background:#EEE;
  color:#666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background:#CCC;
  color:#FFF;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display:none;
  position:absolute;
  top:0;
  left:160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display:none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display:block;
}
#imagmenu
{
background-image:url("../images/MenuTop_bg.jpg");
height:25px;
}
/*support*/
#support
{
width:250px;
height:140px;
float:left;
background:#EEE;
}
/*search*/
#search
{
border-top-color:#dbdbe0;
border-top-width:2px;
border-top-style:solid;
border-width:2px;
width:250px;
height:auto;
float:left;
background:#c6d198;
}
#sildshow
{
border-top-color:#dbdbe0;
border-top-width:2px;
border-top-style:solid;
width:250px;
height:250px;
float:left;
background:#EEE;
}
/*js search*/
.menu_list {	
width:250px;
}
.menu_head {
/*padding:5px 10px;*/
cursor:pointer;
position:relative;
margin:1px;
background:#EEE;
color:#666;
padding:0 6px;
font:bold 18px/22px "Times New Roman", Times, serif;
/*font-weight:bold;
color:black;*/
background:#EEE;  /*url('images/left.png') no-repeat right top ;*/
}
.menu_body {
display:none;
}
.menu_body a{
  display:block;
  color:#006699;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover{
 color:#000000;
 text-decoration:underline;
  }
/*conten*/
#conten
{
border-top-color:#dbdbe0;
border-top-width:2px;
border-top-style:solid;
background-color:white;
width:648px;
height:auto;/*900px*/
float:left;
padding:0;
}
/*side show*/

/*ket hut side show*/
#foot
{
background-color:#e3e0e0;
border-top-color:#dbdbe0;
border-top-width:2px;
border-top-style:solid;
height:60px;
width:900px;
clear:both;
text-align:center;
}
h2 
{
text-align:center;
font-size:1.2em;
color:white;
}
#foot p
{
font-family:"Times New Roman", Times, serif;
font-size:1em;
color:#01010d;
}

